<template>
	<view class="findpage">
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			bingzheng(){
				uni.navigateTo({
					url:'/pagesA/disease/disease'
				})
			},
		}
	}
</script>

<style lang="less" scoped>
  .findpage{
	  width: 750rpx;
	  box-sizing: border-box;
	background: linear-gradient(180deg, rgba(242,248,255,1) 0%,rgba(255,255,255,0) 76%);
	  .searhcbox{
		  width: 92%;
		  display: flex;
		  align-items: center;
		  height: 70rpx;
		  line-height: 70rpx;
		  border-radius: 35rpx;
		  margin: auto;
		  border: 1rpx solid rgba(158,0,255,1);;
		  input{
			  width: 80%;
			  height: 70rpx;
			  padding: 0 10rpx;
			  
		  }
		  .searchbtn{
			  width: 20%;
			  background-color: white;
            text-align: center;
						  line-height: 70rpx;
						  border-radius: 35rpx;
		  }
	  }
	  .box{
		 width: 100;
		  background-color: white;
		  box-sizing: border-box;
		  padding: 30rpx 20rpx;
		  .boxtitle{
			  font-weight: bold;
			  .line{
				  width: 64rpx;
				  height: 8rpx;
				  border-radius: 4rpx;
				  background-color: #9E00FF ;
			  }
		  }
		  .itembox{
			min-width: 200%;
			min-height: 160rpx;
			margin-top: 20rpx;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			.item{
				padding: 10rpx 20rpx;
				border-radius: 20rpx;
				font-size: 28rpx;
				margin: 10rpx 20rpx;
				text-align: center;
				background-color: #F3E8FD ;
				font-weight: bold;
				color: #585858 ;
			}
		  }
		  .listbox{
			  width: 100%;
			  background-color: white;
			  box-sizing: border-box;
			  padding: 20rpx;
			  .itemlist{
				  width: 100%;
				  .infobox{
					  display: flex;
					  align-items: center;
					  .imgbox{
						  width: 170rpx;
						  height: 200rpx;
						  border-radius: 10rpx;
						  margin-right: 20rpx;
						  image{
							  width: 100%;
							  height: 100%;
							  border-radius: 10rpx;
						  }
					  }
					  .info{
						flex: 1;
						line-height: 2.5;
						.nameline{
							display: flex;
							align-items: center;
							position: relative;
							.iconfont{
								position: absolute;
								right: 10rpx;
								top: 0;
								color: #00A3FF ;
								display: flex;
								align-items: center;
								view{
									font-size: 24rpx;
									color: black;
								}
								
								
							}
							.name{
								font-weight: bold;
								margin-right: 20rpx;
							}
						}
						.hospitalname{
							font-size: 24rpx;
							padding: 10rpx 30rpx;
							border-radius: 10rpx;
							background-color: #F4F4F4 ;
						}
						.zhichengline{
							display: flex;
							align-items: center;
							.itemzhicheng{
								font-size: 22rpx;
								color: #B16A00 ;
								background-color: #FFF6EB ;
								padding: 10rpx 30rpx;
									border-radius: 10rpx;
							}
							
						}
						
					  }
				  }
				  .tabline{
					  width: 100%;
					  display: flex;
					  margin-top: 20rpx;
					  align-items: center;
					  justify-content: space-evenly;
					  .itemtab{
						  display: flex;
						  align-items: center;
						  color: #898989 ;
						  .iconfont{
							  font-size: 40rpx;
							  color: #BF63FF ;
							  margin-right: 20rpx;
						  }
					  }
				  }
			  }
			  
		  }
	  }
  }
</style>
